<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>会员基础信息维护</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
	<link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_824072_3dz7368isc3.css">
</head>

<body>
	<div id="left" class="fl pos-a ht100-per" style="width:200px; background:#000f1e;">
		<!--菜单收缩width:60px;-----菜单展开width:200px;-->
		<!--菜单展开-start-->
		<div id="left_open">
			<!--菜单收缩display-n-----菜单展开-->
			<div class="text-c ht65">
				<img src="../images/main-logo.png" class="pt15" alt="飞道logo">
			</div>
		</div>
		<!--菜单展开-end-->
	</div>
	<div id="right" class="ht100-per" style="margin-left:200px;min-width:800px;">
		<!--菜单展开margin-left:200px;-----菜单收缩margin-left:70px;-->
		<!--右侧顶部条-start-->
		<div class="border-b-1 bg-e" style="height:80px;line-height:80px;">

		</div>
		<!--右侧顶部条-end-->
		<!-- 内容 start -->
		<div style="padding: 10px">
			<!-- 操作 start -->
			<div style="min-height:40px;margin-top:20px;">
				<div class="earl-body-operation statistics-search color-6 font12">
					<p class="font14 display-ib" style="padding-left: 15px">会员名称:
						<input type="text" class="font14 border-1 radius-4" placeholder="请输入会员名称" style="padding-left: 5px;height: 26px;line-height: 26px;">
					</p>
					<p class="font14 display-ib" style="padding-left: 15px">商家名称:
						<input type="text" class="font14 border-1 radius-4" placeholder="请输入商家名称" style="padding-left: 5px;height: 26px;line-height: 26px;">
					</p>
					<p class="font14 display-ib" style="padding-left: 15px">负责人:
						<input type="text" class="font14 border-1 radius-4" placeholder="请输入负责人" style="padding-left: 5px;height: 26px;line-height: 26px;">
					</p>
					<p class="font14 display-ib" style="margin-left: 20px">
						<input type="button" value="查询" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
					</p>
					<p class="font14 display-ib fr" style="margin-right: 20px">
						<input type="button" value="删除" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
					</p>
					<p class="font14 display-ib fr" style="margin-right: 20px">
						<input type="button" value="新增" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
					</p>
				</div>
			</div>
			<!-- 操作 end -->
			<!-- 表格 start -->
			<div class="font12 t_body color-3 " style=" margin-top: 10px;width: 1681px">
				<!--表头 start -->
				<div class="border-t-1 border-b-1 cursor-p" style="background: #f4f4f4;">
					<span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
						<input type="checkbox" class="cursor-p" style="margin-top:10px;" />
					</span>
					<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">会员编号</span>
					<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:150px;">会员名称</span>
					<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">商家名称</span>
					<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:150px;">负责人</span>
					<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">负责人电话</span>
					<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:501px;">商家地址</span>
				</div>
				<!--表头 end-->
				<!-- 表体 start-->
				<div class="display-">
					<div class="border-b-1 tableRow">
						<span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
							<input type="checkbox" class="cursor-p" style="margin-top:10px;" />
						</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">20181012</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:150px;">欣荣</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">欣荣小苑</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:150px;">罗斌</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">18888888888</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:501px;">临海市邵家渡街道牛头山村篮球场前127号</span>
					</div>
					<div class="border-b-1 tableRow">
						<span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
							<input type="checkbox" class="cursor-p" style="margin-top:10px;" />
						</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">20181012</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:150px;">欣荣</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">欣荣小苑</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:150px;">罗斌</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">18888888888</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:501px;">临海市邵家渡街道牛头山村篮球场前127号</span>
					</div>
					<div class="border-b-1 tableRow">
						<span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
							<input type="checkbox" class="cursor-p" style="margin-top:10px;" />
						</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">20181012</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:150px;">欣荣</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">欣荣小苑</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:150px;">罗斌</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">18888888888</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:501px;">临海市邵家渡街道牛头山村篮球场前127号</span>
					</div>
					<div class="border-b-1 tableRow">
						<span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
							<input type="checkbox" class="cursor-p" style="margin-top:10px;" />
						</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">20181012</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:150px;">欣荣</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">欣荣小苑</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:150px;">罗斌</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">18888888888</span>
						<span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:501px;">临海市邵家渡街道牛头山村篮球场前127号</span>
					</div>
				</div>
				<!-- 表体 end-->
				<!--筛选结果为空的蒙版 start-->
				<div>
					<div class="text-c cursor-p color-9 display-n" style="padding:100px 0;">
						<i class="iconfont icon-wushuju text-c vertical-a-t" style="font-size: 100px"></i>
						<div class="font28" style="line-height:50px;">没有符合当前筛选条件的数据</div>
					</div>
				</div>
				<!--筛选结果为空的蒙版 end-->
			</div>
			<!-- 表格 end -->
			<!--分页 start-->
			<div class="pos-a" style="right: 30px;height:30px;line-height:30px;bottom: 60px;">
				<div class="display-ib">分页</div>
				<div class="display-ib vertical-a-m font12" style="height:30px;">显示
					<select class="radius-4 border-1" style="height:28px;width:40px;" id="zj_fy" data-feidao-actions="change:eu-008">
						<option value="10">10</option>
						<option selected="" value="20">20</option>
						<option value="30">30</option>
						<option value="40">40</option>
						<option value="50">50</option>
					</select>条数据
				</div>
			</div>
			<!--分页 end-->
		</div>
		<!-- 内容 end -->
	</div>
	<!-- 详情 start -->
	<div class="pos-a border-l-1 display-n" style="z-index:99;top:81px;bottom:0;width:1100px;right:0;background:#fff;">
		<!-- 页签 start-->
		<div class="bg-eee border-b-1 border-t-1 font14 ht40 l-ht40">
			<span class="display-ib border-r-1 text-c bg-1890ff color-f" style="width:50%;">会员基础信息</span>
			<span class="display-ib border-r-1 text-c bg-f4" style="width:49.8%;">会员证件信息</span>
		</div>
		<!-- 页签 end-->
		<!--  页签1 会员基础信息 start-->
		<div class="pos-r display-" style="padding:10px;">
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					会员编号：</span>
				<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6 border-none" value="110111011001" style="padding:0 5px;line-height:30px;width:200px;"
				 readonly>
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					会员名称：</span>
				<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="欣荣小苑" style="padding:0 5px;line-height:30px;width:200px;">
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					会员等级：</span>
				<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:212px;">
					<option value="">请选择等级</option>
					<option value="">1</option>
					<option value="">2</option>
					<option value="">3</option>
					<option value="">4</option>
					<option value="">5</option>
				</select>
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					商家名称：</span>
				<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="欣荣小苑" style="padding:0 5px;line-height:30px;width:200px;">
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					负责人：</span>
				<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="罗斌" style="padding:0 5px;line-height:30px;width:200px;">
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					电话：</span>
				<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="15012125123" style="padding:0 5px;line-height:30px;width:200px;">
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					身份证号：</span>
				<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="423502195006028954" style="padding:0 5px;line-height:30px;width:200px;">
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					商家地址：</span>
				<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="牛头山村篮球场前127号" style="padding:0 5px;line-height:30px;width:300px;">
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					所属省市：</span>
				<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:100px;">
					<option value="">选择省</option>
				</select>
				<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:100px;">
					<option value="">选择市</option>
				</select>
				<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:100px;">
					<option value="">选择区</option>
				</select>
			</div>
			<div style="margin-top:20px;">
				<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
					商家简介：</span>
				<textarea class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;height:100px;width:300px;resize: none;">欣荣小苑又名（荣撑农家乐园）
						客房方面：欣荣小苑环境整洁卫生设有家庭房、标准双人房、三人房及迷你单间
						周边景区：牛头山水库、大坝、森林公园、灵湖公园、江南古长城、紫阳古街、龙兴古寺等</textarea>
			</div>
			<div class="pos-a text-c" style="margin-top:20px;top: 10px;right: 100px;">
				<div class="border-1 bg-e" style="width: 150px;height: 150px;">

				</div>
				<input type="button" value="上传会员照片" class="bg-1890ff border-none text-c color-f font14 radius-4 ht30 l-ht30 cursor-p" style="margin-top: 10px;width: 120px">
			</div>
			<div class="pos-a text-c" style="margin-top:20px;top: 300px;right: 100px;">
				<div class="border-1 bg-e" style="width: 150px;height: 150px;">

				</div>
				<input type="button" value="上传负责人照片" class="bg-1890ff border-none text-c color-f font14 radius-4 ht30 l-ht30 cursor-p" style="margin-top: 10px;width: 120px">
			</div>
			<div class="text-c" style="margin:30px 0;">
				<input type="button" value="确认" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
			</div>
		</div>
		<!--  页签1 会员基础信息 end-->
		<!--  页签2 会员证件信息 start-->
		<div class="p20 display-n">
			<!-- 表头 start-->
			<div class="bg-f4 border-t-1 border-l-1 border-b-1 font12 t_title" style="width:1057px;">
				<span class="display-ib pos-r ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:350px;">证件名称</span>
				<span class="display-ib pos-r ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:348px;">有效日期</span>
				<span class="display-ib pos-r ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:348px;">操作</span>
			</div>
			<!-- 表头 end-->
			<!-- 表体 start-->
			<div class="border-b-1 border-l-1 font12 t_body" style="width:1057px;">
				<div class="tableRow">
					<span class="display-ib pos-r ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:350px;">卫生许可证</span>
					<span class="display-ib pos-r ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:348px;">2020-09-14</span>
					<span class="display-ib pos-r ht40 l-ht40 border-r-1 vertical-a-t text-c cursor-p font-1890ff" style="width:348px;">下载</span>
				</div>
			</div>
			<!-- 表体 end -->
			<div class="pos-a" style="right: 30px;height:30px;line-height:30px;bottom: 60px;">
				<div class="display-ib">分页</div>
				<div class="display-ib vertical-a-m font12" style="height:30px;">显示
					<select class="radius-4 border-1" style="height:28px;width:40px;" id="zj_fy" data-feidao-actions="change:eu-008">
						<option value="10">10</option>
						<option selected="" value="20">20</option>
						<option value="30">30</option>
						<option value="40">40</option>
						<option value="50">50</option>
					</select>条数据
				</div>
			</div>
		</div>
		<!--  页签2 会员证件信息 end-->
	</div>
	<!-- 详情 end -->
	<!--新增会员 start-->
	<div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
		<div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:45%; width:900px;margin-left:-300px;">
			<div class="bg-1890ff font14 color-f" style="line-height:40px;padding-left:10px;">
				<i class="icon iconfont icon-shanchu fr text-c cursor-p" style="width:40px;"></i>新增会员
			</div>
			<div class="pos-r" style="padding:10px;">
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						会员名称：</span>
					<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						会员等级：</span>
					<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:212px;">
						<option value="">请选择等级</option>
						<option value="">1</option>
						<option value="">2</option>
						<option value="">3</option>
						<option value="">4</option>
						<option value="">5</option>
					</select>
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						商家名称：</span>
					<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						负责人：</span>
					<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						电话：</span>
					<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						身份证号：</span>
					<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						商家地址：</span>
					<input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:300px;">
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						所属省市：</span>
					<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:100px;">
						<option value="">选择省</option>
					</select>
					<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:100px;">
						<option value="">选择市</option>
					</select>
					<select class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:5px;width:100px;">
						<option value="">选择区</option>
					</select>
				</div>
				<div style="margin-top:20px;">
					<span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
						商家简介：</span>
					<textarea class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;height:100px;width:300px;resize: none;"></textarea>
				</div>
				<div class="pos-a text-c" style="margin-top:20px;top: 10px;right: 100px;">
					<div class="border-1 bg-e" style="width: 150px;height: 150px;">

					</div>
					<input type="button" value="上传会员照片" class="bg-1890ff border-none text-c color-f font14 radius-4 ht30 l-ht30 cursor-p" style="margin-top: 10px;width: 120px">
				</div>
				<div class="pos-a text-c" style="margin-top:20px;top: 300px;right: 100px;">
					<div class="border-1 bg-e" style="width: 150px;height: 150px;">

					</div>
					<input type="button" value="上传负责人照片" class="bg-1890ff border-none text-c color-f font14 radius-4 ht30 l-ht30 cursor-p" style="margin-top: 10px;width: 120px">
				</div>
				<div class="text-c" style="margin:30px 0;">
					<input type="button" value="确定" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
					<input type="button" value="取消" class="border-none text-c w100 font14 radius-4 ht30 l-ht30 cursor-p" style="background: #ddd">
				</div>
			</div>
		</div>
	</div>
	<!--新增会员 end-->
</body>

</html>